<template>
    <div style="width: 100%;height: 200px;background: red;color: white;">
        <van-image round width="10rem" height="10rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
            style="padding: 50px;">
            <span style="top: 500px;">圆形大师</span>
        </van-image>
    </div>
    <van-grid :gutter="10">
        <van-grid-item v-for="value in 1" :key="value" icon="paid" text="待付款" />
        <van-grid-item v-for="value in 1" :key="value" icon="peer-pay" text="待发货" />
        <van-grid-item v-for="value in 1" :key="value" icon="logistics" text="待收货" />
        <van-grid-item v-for="value in 1" :key="value" icon="upgrade" text="全部订单" />
        <van-grid-item v-for="value in 1" :key="value" icon="list-switching" text="退换/售后" />
        <van-grid-item v-for="value in 1" :key="value" icon="records-o" text="评价" />
        <van-grid-item v-for="value in 1" :key="value" icon="pending-payment" text="钱包" />
    </van-grid>
    <van-cell icon="shopping-cart-o" title="购物车" is-link />
    <van-cell icon="paid" title="优惠券" is-link />
    <van-cell icon="paid" title="邀请有礼" is-link />
    <van-cell icon="paid" title="我的关注" is-link />
    <van-cell icon="paid" title="我的收藏" is-link />
</template>

<script setup>

</script>

<style lang="scss" scoped></style>